 %gg{
    z-index: 130;
    width: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.49) 15%, rgba(0,0,0,0.8) 25%, #222);
    opacity: 0.99;
 }
 %hl{
    height: 65px;
    line-height: 65px;
 }
 @mixin six($one,$one1,$two,$two2,$three,$three1){
    #{$one}:$one1;
    #{$two}:$two2;
    #{$three}:$three1;
 }
 .el-menu {
    border-right: solid 0px #222;
}
.el-submenu {
    .el-menu-item {
        @extend %hl;
        @include six("padding",0 ," min-width" , 65px," padding-left" , 0px);
    }
}
.el-menu-item {
    @extend %hl;
    &.is-active {
        @include six("color",#fff ,"padding-left", 0px,"background",#222);
    }
}
.el-submenu__title {
    @extend %hl;
}
.el-menu-item-group__title {
    padding: 0;
}
.iconfont {
    font-size: 25px;
}